<div class="inner-content-root">
  <div class="filter-box">
    <div class="search">
      <input type="text" [(ngModel)]="mobile" nz-input placeholder="手机号搜索"/>
    </div>
    <div class="search">
      <input type="text" [(ngModel)]="userId" nz-input placeholder="用户ID搜索"/>
    </div>
    <div class="search">
      <input type="text" [(ngModel)]="userNo" nz-input placeholder="推荐码搜索"/>
    </div>
    <div class="search">
      <input type="text" [(ngModel)]="shareUserNo" nz-input placeholder="推荐人搜索"/>
    </div>
    <nz-select [(ngModel)]="memberFilter" class="select" (ngModelChange)="queryDataInit()">
      <nz-option *ngFor="let item of memberFilterList" [nzValue]="item.value" [nzLabel]="item.label"></nz-option>
    </nz-select>
    <button class="btn" nz-button nzType="primary" (click)="queryDataInit()">搜索</button>
  </div>
  <div class="content">
    <nz-table #basicTable
              nzBordered
              [nzData]="dataList"
              [(nzPageIndex)]="pageIndex"
              [(nzPageSize)]="pageSize"
              [nzFrontPagination]="false"
              [nzShowPagination]="true"
              [nzShowSizeChanger]="true"
              [nzLoading]="defaultHttpConfig.showLoading"
              [nzTotal]="pageTotal"
              (nzPageIndexChange)="queryData()"
              (nzPageSizeChange)="queryData()">
      <thead>
      <tr>
        <th>用户ID</th>
        <th>推荐码</th>
        <th>手机号</th>
        <th>昵称</th>
        <th nzWidth="200px">会员到期日期</th>
        <th nzWidth="200px">推荐人</th>
        <th>备注</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{data.userId}}</td>
        <td>{{data.userNo}}</td>
        <td>{{data.mobile}}</td>
        <td>{{data.nickname}}</td>
        <td>
          <nz-date-picker [(ngModel)]="data.memberExpireTime"></nz-date-picker>
        </td>
        <td>
          <input type="text" [(ngModel)]="data.shareUserNo" nz-input/>
        </td>
        <td>
          <input type="text" [(ngModel)]="data.memo" nz-input/>
        </td>
        <td>
          <button nz-button nzType="link" (click)="save(data)">保存</button>
        </td>
      </tr>
      </tbody>
    </nz-table>
  </div>
</div>

